<template>
	<view class="left-side" @click="tryPlay">
		<view class="item">
			<image class="image" src="../../../../static/image/try-play.png" mode="widthFix"></image>
			<text class="text">试玩</text>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			tryPlay(){
				this.$emit('tryPlay');
			}
		}
	}
</script>

<style lang="scss" scoped>
	.left-side {
		width: 83rpx;
		height: 138rpx;
		background: #FFFFFF;
		box-shadow: 0px 6rpx 21rpx 0px rgba(218, 218, 218, 0.5);
		border-radius: 0px 31rpx 31rpx 0px;
		display: flex;
		flex-direction: column;	
		
		justify-content: center;
		position: fixed;
		z-index: 10;
		top: 449rpx;
		left: 0;
		.item{
			display: flex;
			flex-direction: column;
			align-items: center;
			.image{
				width: 54rpx;
				height: 40rpx;
			}
			.text{
				font-size: 24rpx;
				color: #111111;
				line-height: 33rpx;
				display: inline-block;
				margin-top: 13rpx;
				font-weight: 500;
			}
		}
	}
</style>
